昨天說好要來介紹 animation-fill-mode: 動畫播放前後的狀態 這個屬性。
none :回到動畫尚未撥放時的狀態。
forwards :停在動畫的最後一個狀態。
backwards :停在動畫的第一個狀態。
both :停在 animation-direction播放方向結束的狀態上。
在與animation-direction的搭配上會呈現不同的結果,細節其實蠻多的,但今天好忙(毆
決定先卡位。
先放上一個覺得蠻仔細的教學
https://www.w3cplus.com/css3/css-animation-fill-mode-property.html
有緣再來補齊。